.page-out{
  background: #F7F9FC url("~@/assets/web/bg.png") no-repeat;
}

.page-header{
  padding: 0;
  height: 60px
}
.page-main{
  min-height: calc(100vh - 190px);
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-top: 20px;
  background: #fff;
  padding: 20px;
}

.uc-box{
  display: flex;
  margin-top: 50px;
}

.uc-menu{
  width: 200px;
  background: #f8f8f8;
}

.uc-main{
  flex-grow: 1;
  border: #f1f1f1 1px solid;
  padding: 30px;
}

.page-footer{
  display:flex;
  align-items:center;
  justify-content: center;
  height: 50px !important;
  color: #A3A8B0;
  font-size: 16px;
  background: #333;
  margin-top: 20px;
}


// 布局
.flex{
  display: flex;
  align-items: center;
}

.flex-bt{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

// 标题样式
.font-title{
  font-size: 16px;
  color: #333;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 二级标题
.font-second {
  font-size: 14px;
  color: #555;
}

// 三级文字
.font-small{
  font-size: 12px;
  font-weight: 500;
  color: #999;
}
